.modal-overlay {
   @apply fixed top-0 left-0 w-full h-full bg-gray-500 bg-opacity-50 z-10;
}

.modal {
   @apply bg-white rounded-lg shadow-lg my-2 w-[80%] absolute mt-[40%] ml-[10%] mr-[10%];
}

.modal-header {
   @apply border-b border-gray-50 relative text-center py-2 text-lg;
}

.modal-content {
   @apply py-4 px-6;
}

.modal-footer {
   @apply border-t border-gray-100 p-3 flex justify-around;
}

.modal-close {
   @apply absolute top-0 right-0;
}
